<template>
  <div class="data-manage">
    <SchoolChange />
    <el-row :gutter="20">
      <el-col :span="24">
        <ResourceMapBar />
      </el-col>
      <el-col :span="8">
        <Integrate />
      </el-col>
      <el-col :span="16">
        <ResourceMap />
      </el-col>
      <el-col :span="24">
        <EducationCharts />
      </el-col>
    </el-row>
  </div>
</template>
<script>
export default {
  components: {
    SchoolChange: () => import("./components/SchoolChange.vue"),
    EducationCharts: () => import("./educationCharts/layout.vue"),
    Integrate: () => import("./components/Integrate.vue"),
    ResourceMap: () => import("./components/ResourceMap.vue"),
    ResourceMapBar: () => import("./components/ResourceMapBar.vue"),
  },
};
</script>
<style scoped>
.data-manage {
  height: 800px;
  overflow-y: scroll;
  overflow-x: hidden;
}
</style>